
// 定义一个名为stock_k的函数，参数为sdata
function stock_k(docId,rawData){
    var dom = document.getElementById(docId);
    var myChar = echarts.init(dom,null,{
        renderer:'canvas',
        useDirtyRect:false
    });
    var app = {};
    var option;
    function calculateMA(dayCount, data) {
       var result = []; 
       for(var i=0,len=data.length;i<len;i++){
           if(i<dayCount){
               result.push('-');
               continue;
           }
           var sum = 0;
           for(var j=0;j<dayCount;j++){
               sum += +data[i-j][1];
           }
           result.push(sum/dayCount);
       }
       return result;
    }
    const dates = rawData.map(function(item){ return item[0]; });
    const data = rawData.map(function(item){ return [+item[1],+item[2],+item[5],+item[6]]; });
    option = {
        legend:{
            data:['日K','MA5','MA10','MA20','MA30'],
            inactiveColor:'#777'
        },
        tooltip:{
            trigger:'axis',
            axisPointer:{
                animation:false,
                type:'cross',
                lineStyle:{
                    color:'#376df4',
                    width:2,
                    opacity:1
                }
            }
        },
        xAxis:{
            type:'category',
            data:dates,
            axisLine:{
                lineStyle :{color:'#8392A5'}
            }
        },
        yAxis:{
            scale: true,
            axisLine:{
                lineStyle :{color:'#8392A5'}
            }
        },
        grid:{
            bottom: 80
        },
        dataZoom:[{
            textStyle: {
                color:'#8392A5'
            },
            handleIcon:
            'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
            dataBackground:{
                areaStyle:{
                    color:'#8392A5'
                },
                lineStyle:{
                    opacity:0.8,
                    color:'#8392A5'
                }
            },
            brushSelect: true
        },{type:'inside'}],
        series:[
            {
               type:'candlestick' ,
               name: 'Day',
               data:data,
               itemStyle:{
                   color:'#FD1050',
                   color0:'#0CF49B',
                   borderColor:'#FD1050',
                   borderColor0:'#0CF49B'
               }
            }, {
               name: 'MA5',
               type: 'line',
               data: calculateMA(5,data),
               smooth: true,
               showSymbol: false,
               lineStyle: {
                    width: 1
               }
            }, {
               name: 'MA10',
               type: 'line',
               data: calculateMA(10,data),
               smooth: true,
               showSymbol: false,
               lineStyle: {
                    width: 1
               }
            }, {
               name: 'MA20',
               type: 'line',
               data: calculateMA(20,data),
               smooth: true,
               showSymbol: false,
               lineStyle: {
                   width: 1
               }
            }, {
               name: 'MA30',
               type: 'line',
               data: calculateMA(30,data),
               smooth: true,
               showSymbol: false,
               lineStyle: {
                   width: 1
               }
            }
        ]
    };
    if(option && typeof option === 'object'){
        myChar.setOption(option,true);
    }
    window.addEventListener('resize',myChar.resize);
}